<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>预约中心</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="__TMPL__/public/assets/css/mui.min.css">
    <style>
        hr{border:1px #E3E3E3 solid;margin-top: 1px;}
        *{color: #000000;}
    </style>
</head>
<body style="background-color: white">
<header class="mui-bar mui-bar-nav">
    <a id="back" class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title" style="font-size: 15px;">预约中心</h1>
</header>

<div class="mui-content">
    <div class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
        <a class="mui-control-item mui-active" href="#item1">全部</a>
        <a class="mui-control-item" href="#item2">待处理</a>
        <a class="mui-control-item" href="#item3">已处理</a>
    </div>
    <div>
        <if condition="$data neq ''">
            <div id="item1" class="mui-control-content mui-active" style="background-color: white;">

                <ul class="mui-table-view">
                    <foreach name="data" item="vo">
                        <li class="mui-table-view-cell">
                            <div style="margin: 10px 0 0 3px">
                                <div class="mui-row" style="margin-top: 18px">
                                    <div class="mui-col-sm-4" style="width: 100px;width: 100px;">
                                        <img src="__TMPL__/public/assets/images/demo/techer1.jpg" style="width: 80px;height: 80px;background-color: gainsboro;margin-top: -16px"/>
                                    </div>
                                    <div class="mui-col-sm-8" style="margin-left: 3%;margin-top: -10px;padding-top: 0">
                                        <div class="mui-row" style="width: 204px;float: left;text-align: left">
                                            <div class="mui-col-sm-12">
                                                {$vo.name}老师
                                            </div>
                                            <div style="clear: both"></div>
                                            <div class="mui-col-sm-12" style="color: grey;font-size: 13px;height: 30px;padding-top: 5px">
                                                {$vo.grade}&nbsp|&nbsp{$vo.subject}&nbsp|&nbsp{$vo.city}
                                            </div>
                                            <div style="clear: both"></div>
                                            <div class="mui-col-sm-12"style="color: darkgrey;font-size: 10px;" >
                                                {$vo.content}
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                    </foreach>
                </ul>
            </div>
            <else />
            <img style="width: 90%;height: 50%; margin: 0% 0% 0% 5%;" src="/themes/qingqing/public/assets/images/zw.png">
        </if>
        <php>
            $i = 0;
        </php>
        <if condition="$data neq ''">
            <div id="item2" class="mui-control-content" style="background-color: white;">
                <ul class="mui-table-view">
                    <foreach name="data" item="vo">
                        <if condition="$vo.static neq 0">
                            <else />
                            <php>
                                $i++;
                            </php>
                            <li class="mui-table-view-cell">
                                <div style="margin: 10px 0 0 3px">
                                    <div class="mui-row" style="margin-top: 18px">
                                        <div class="mui-col-sm-4" style="width: 100px;width: 100px;">
                                            <img src="__TMPL__/public/assets/images/demo/techer1.jpg" style="width: 80px;height: 80px;background-color: gainsboro;margin-top: -16px"/>
                                        </div>
                                        <div class="mui-col-sm-8" style="margin-left: 3%;margin-top: -10px;padding-top: 0">
                                            <div class="mui-row"  style="width: 204px;float: left;">
                                                <div class="mui-col-sm-12">
                                                    {$vo.name}老师
                                                </div><br>
                                                <div class="mui-col-sm-12" style="color: grey;font-size: 13px;height: 30px;padding-top: 5px">
                                                    {$vo.grade}&nbsp|&nbsp{$vo.subject}&nbsp|&nbsp{$vo.city}
                                                </div><br>
                                                <div style="clear: both"></div>
                                                <div class="mui-col-sm-12"style="color: darkgrey;font-size: 10px;" >
                                                    {$vo.content}
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        </if>
                    </foreach>
                </ul>
                <if condition="$i neq 0">
                    <else />
                    <img style="width: 90%;height: 50%; margin: 0% 0% 0% 5%;" src="/themes/qingqing/public/assets/images/zw.png">
                </if>
            </div>
            <else />
            <img style="width: 90%;height: 50%; margin: 0% 0% 0% 5%;" src="/themes/qingqing/public/assets/images/zw.png">
        </if>
        <php>
            $j = 0;
        </php>
        <div id="item3" class="mui-control-content" style="background-color: white;">
            <if condition="$data neq ''">
                <ul class="mui-table-view">
                    <foreach name="data" item="vo">
                        <if condition="$vo.static neq 0">
                            <if condition="$vo.static eq -2">
                                <else />
                                <li class="mui-table-view-cell">
                                    <div style="margin: 10px 0 0 3px">
                                        <div class="mui-row" style="margin-top: 18px">
                                            <div class="mui-col-sm-4" style="width: 100px;width: 100px;">
                                                <img src="__TMPL__/public/assets/images/demo/techer1.jpg" style="width: 80px;height: 80px;background-color: gainsboro;margin-top: -16px"/>
                                            </div>
                                            <div class="mui-col-sm-8" style="margin-left: 3%;margin-top: -10px;padding-top: 0">
                                                <div class="mui-row"  style="width: 204px;float: left;">
                                                    <div class="mui-col-sm-12">
                                                        {$vo.name}老师
                                                        <if condition="$vo.static eq 1">
                                                            <php>
                                                                $j ++;
                                                            </php>
                                                            <span style="float: right;    margin-right: -168px;margin-top: -25px;font-size: 13px; color: #23cd77;">已同意</span>
                                                            <elseif condition="$vo.static eq -1"/>
                                                            <php>
                                                                $j ++;
                                                            </php><span style="float: right;    margin-right: -168px; margin-top: -25px;font-size: 13px; color: #23cd77;">已拒绝</span>
                                                            <else /><span style="float: right;    margin-right: -168px; margin-top: -25px;font-size: 13px; color: #23cd77;">待确定</span>
                                                        </if>
                                                    </div>
                                                    <br>
                                                    <div class="mui-col-sm-12" style="color: grey;font-size: 13px;height: 30px;padding-top: 5px">
                                                        {$vo.grade}&nbsp|&nbsp{$vo.subject}&nbsp|&nbsp{$vo.city}
                                                    </div><br>
                                                    <div style="clear: both"></div>
                                                    <div class="mui-col-sm-12"style="color: darkgrey;font-size: 10px;" >
                                                        {$vo.content}
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </li>
                            </if>
                            <else />
                        </if>
                    </foreach>
                </ul>
                <if condition="$j neq 0">
                    <else />
                    <img style="width: 90%;height: 50%; margin: 0% 0% 0% 5%;" src="/themes/qingqing/public/assets/images/zw.png">
                </if>
                <else /><img style="width: 90%;height: 50%; margin: 0% 0% 0% 5%;" src="/themes/qingqing/public/assets/images/zw.png">
            </if>
        </div>
    </div>
</div>
<script src="__TMPL__/public/assets/js/mui.min.js"></script>

</body>

</html>